<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title></title>
        <meta name="keywords" content="" />
        <meta name="description" content="" />
        <link rel="stylesheet" href="__ADMIN__/wx/css/default.css">
        <script type="text/javascript" src="__ADMIN__/wx/js/jquery-1.6.4.min.js"></script>
        <script type="text/javascript" src="__ADMIN__/wx/js/jquery.form.js"></script>
		<link rel="stylesheet" href="__ADMIN__/js/plugins/code/prettify.css" />
		<script charset="utf-8" src="__ADMIN__/js/plugins/jquery.autocomplete.js"></script>
		<style type="text/css">
			.demo{width:620px; margin:30px auto}
			.demo p{line-height:32px}
			.btnfile{position: relative;overflow: hidden;margin-right: 4px;display:inline-block;*display:inline;padding:4px 10px 4px;font-size:14px;line-height:18px;*line-height:20px;color:#fff;text-align:center;vertical-align:middle;cursor:pointer;background-color:#5bb75b;border:1px solid #cccccc;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
			.btnfile input {position: absolute;top: 0; right: 0;margin: 0;border: solid transparent;opacity: 0;filter:alpha(opacity=0); cursor: pointer;}
			.progress { position:relative; margin-left:100px; margin-top:-24px; width:200px;padding: 1px; border-radius:3px; display:none}
			.bar {background-color: green; display:block; width:0%; height:20px; border-radius: 3px; }
			.percent { position:absolute; height:20px; display:inline-block; top:3px; left:2%; color:#fff }
			.files{height:22px; line-height:22px; margin:10px 0}
			.delimg{margin-left:20px; color:#090; cursor:pointer}
			.place{height:40px; background:url(__ADMIN__/images/righttop.gif) repeat-x;}
			.place span{line-height:40px; font-weight:bold;float:left; margin-left:12px;}
			.placeul li{float:left; line-height:40px; padding-left:7px; padding-right:12px; background:url(__ADMIN__/images/rlist.gif) no-repeat right;}
			.placeul li:last-child{background:none;}
			
			.topic_hot_list {
			    position: relative;
			    padding: 10px;
			    margin-left: 0!important;
			    margin-right: 16px;
			    margin-bottom: 10px;
			    min-height: 70px!important;
			    width: 200px !important;
			    background-color: #fff;
			    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fff),color-stop(100%,#fff));
			    background-image: -webkit-linear-gradient(#fff,#fff);
			    background-image: -moz-linear-gradient(#fff,#fff);
			    background-image: -o-linear-gradient(#fff,#fff);
			    background-image: linear-gradient(#fff,#fff);
			    -webkit-box-shadow: inset 0 -1px 0 #e9e9e9,0 1px 0 rgba(0,0,0,0.05);
			    -moz-box-shadow: inset 0 -1px 0 #e9e9e9,0 1px 0 rgba(0,0,0,0.05);
			    box-shadow: inset 0 -1px 0 #e9e9e9,0 1px 0 rgba(0,0,0,0.05);
			    box-shadow: 0 4px 10px rgba(0,0,0,.1);
			}
			.topic_hot_list img {
			    width: 50px!important;
			    height: 50px;
			    border-radius: 6px;
			    -webkit-border-radius: 6px;
			    -moz-border-radius: 6px;
			}
			.topic_hot_list .title {
			    display: block;
			    width: 55%;
			    font-size: 14px;
			    word-wrap: break-word;
			    word-break: break-all;
			    margin-left: 60px;
			    margin-top: 10px;
			}
			.pull-left {
			    float: left;
			}
			
			.topic_hot_list .follow {
			    position: absolute;
			    right: 10px;
			    top: 20px;
			    height: 24px;
			    line-height: 24px;
			    padding-left: 25px;
			    padding-right: 10px;
			    color: white;
			    text-decoration: none;
			    background-repeat: no-repeat;
			    background-attachment: scroll;
			}
			.inner [class*="span"] {
			    display: block;
			    width: 100%;
			    min-height: 11.5em;
			    -webkit-box-sizing: border-box;
			    -moz-box-sizing: border-box;
			    box-sizing: border-box;
			    float: left;
			    margin-left: 2.127659574468085%;
			}
			.clear{ clear:both} 
		</style>
    </head>
    <body>
    	<div class="place">
		    <span>位置：</span>
		    <ul class="placeul">
		    	<li>首页</li>
		    	<li>美容院美容师管理</li>
		    </ul>
		</div>
        <div class="col_main" style="width: auto;">
        	<if condition="$beauticians">
        	<form action="{:U('/Admin/BeautyParlor/addEmployee')}" method="post" >
            <div class="">
                <div class="">
                    <div id="">
                        <div class="" style="margin-top: 0px;">
                        	<input type="hidden" name="id" value="{$beauty_id}">
                            <div class="inner">
                            	<foreach name="beauticians" item="beautician">
                                <div class="topic_hot_list span">
                                	<a target="_blank" href="javascript:void(0);" class="icon pull-left">
                                		<img src="__UPLOADS__/Profile/{$beautician.profile_img}">
                                	</a>
                                	<a target="_blank" class="title" href="javascript:void(0);">{$beautician.name}</a>
                               		<if condition="in_array($beautician['id'], $employees)">
                                	<label class="follow"><input type="checkbox" name="beautician_id[]" value="{$beautician.id}" checked></label>
                                	<else />
                                	<label class="follow"><input type="checkbox" name="beautician_id[]" value="{$beautician.id}"></label>
                                	</if>
                                </div>
                                </foreach>
                                <div class="clear"></div>
                        	</div>
                    	</div>
                	</div>
	                <div class="tool_area">
	                    <div class="tool_bar border tc">
	                        <span id="js_submit" class="btn btn_input btn_primary"><button type="submit">保存</button></span>
	                    </div>
	                </div>
            	</div>
        	</div>
        </form>
        <else />
        	该美容院所在地区没有美容师
        </if>
        <script type="text/javascript">
        	$(function () {
        		$("#addStep").click(function () {
        			var createStep = '<li class="step">'
        							+'<input type="hidden" name="step_id[]" value="">'
                               		+'<label for="" class="frm_label">步骤：<span class="number">'+($('.step').length + 1)+'</span><a  onclick="deleteStep(this);" style="float:right;">delete</a></label>'
                                	+'<span class="frm_input_box">'
                                		+'<input type="text" class="frm_input js_title" name="title[]" value="" placeholder="步骤名称"/>'
                                	+'</span>'
                                	+'<span class="frm_input_box">'
                                		+'<input type="text" class="frm_input js_title" name="content[]" value="" placeholder="步骤内容"/>'
                                	+'</span>'
                               	+'</li>';
        			$('.service_step .step:last').after(createStep);
        		});
        		
        	});
        </script>
    </body>
</html>